$(function(){
// 功能模块1：点击登录中的a链接，隐藏登录模块，显示注册模块
$("#loginBox a").on('click',function(){
    $('#loginBox').hide().next().show()
})
// 功能模块2：点击注册中的a链接，隐藏注册模块，显示登录模块
$("#regBox a").on('click',function(){
    $('#regBox').hide().prev().show()
})
// 功能模块3：用户名正则校验
// 需求：使用layui内置方法verify()自己定义校验规则
// 作用：当用户提交表单时，获取用户输入的信息进行正则比对，比对成功就通过，不成功就return提示
// 1. verify()方法需要传入的参数是一个对象
// 2. 该对象的属性名/方法名需要添加至正则匹配的表单元素的自定义属性lay-verify中，以|分隔添加至required后面
// 3. 注意写匹配失败的提示和return提示
let form = layui.form
form.verify({
    username:[
        /^[a-zA-Z0-9]{1,10}$/,
        '用户名必须是1-10位数字和字母'
    ],
    pwd:[
        /^[a-zA-Z0-9]{6,12}$/,
        '密码必须是6-12位数字和字母'
    ],
    rePwd:function(value,item){
        let psw = $('#regBox [name="password"]').val()
        if(value!==psw){
            return '两次输入密码不一致'
        }
    }
})

// 功能模块4：提交注册请求
$('#formReg').on('submit',function(e){
// 阻止表单默认事件
e.preventDefault()
// 发送axios请求
axios({
    method:'POST',
    url:'/api/reguser',
    // 注意，这里后端接收数据的格式为：application/x-www-form-urlencoded
    data:$(this).serialize()
}).then(({data:res})=>{
    // 请求成功后的处理函数
    // 1.响应成功判断
    // 2.用户提示
    // 3.清空表单
    // 4.跳转登录页
    console.log(res);
    if(res.status!=0){
        return layui.layer.msg(res.message);
    }
    layui.layer.msg('恭喜您注册成功')
    $('#formReg')[0].reset()
    $("#regBox a").click()
})
})

// 功能模块5：提交登录请求
$('#formLogin').on('submit',function(e){
    // 阻止表单默认事件
    e.preventDefault()
    // 发送axios请求
    axios({
        method:'POST',
        url:'/api/login',
        // 注意，这里后端接收数据的格式为：application/x-www-form-urlencoded
        data:$(this).serialize()
    }).then(({data:res})=>{
        // 请求成功后的处理函数
        // 1.响应成功判断
        // 2.用户提示
        // 3.清空表单
        // 4.跳转首页 location.href = "/index.html"
        console.log(res);
        if(res.status!=0){
            return layui.layer.msg(res.message);
        }
        layui.layer.msg('恭喜您登录成功')
        $('#formLogin')[0].reset()
        // 功能模块6：登录成功后，保存token信息至本地存储
        localStorage.setItem(`token`,res.token)
        location.href = "/index.html"
    })
    })



})